

* {margin:  0; padding: 0; border: none;}
ul, li {list-style: none;}
body, html {width: 100%; height: 100%; overflow: hidden;}

#main {
    width: 480px;
    height: 100%;
    background: url(../images/bg.jpg) repeat-y;
    margin: 0 auto;
    position: relative;
}

#main #list {
    width: 200px;
    position: absolute;
    left: 140px; top: 200px;
}

#main #list li {
    width: 198px;
    height: 70px;
    background: #f45;
    border: 1px solid black;
    border-radius: 5px;
    color: white;
    font-size: 26px;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 70px;
    margin-bottom: 10px;
    cursor: pointer;
}

.logo {
    width: 428px; height: 104px;
    background: url(../images/logo.png);
    position: absolute;
    left: 26px; top: 25%;
}

.load {
    width: 200px; height: 42px;
    background: url(../images/loading1.png) no-repeat;
    position: absolute;
    left: 140px; top: 70%;
}


.myplane {
    width: 98px; height: 122px;
    background: url(../images/me.png) no-repeat;
    position: absolute;
}
.bullet {
    width: 7px; height: 18px;
    background: url(../images/bullet.png) no-repeat;
    position: absolute;
}
.bullet-die {
    width: 40px; height: 43px;
    background: url(../images/die1.png) no-repeat;
    position: absolute;
}

.enemy-large {
    width: 165px; height: 256px;
    background:  url(../images/plane3.png) no-repeat;
    position: absolute;
}
.enemy-middle {
    width: 70px; height: 92px;
    background:  url(../images/plane2.png) no-repeat;
    position: absolute;
}
.enemy-small {
    width: 59px; height: 36px;
    background:  url(../images/plane1.png) no-repeat;
    position: absolute;
}


